import 'package:flutter/material.dart';

class Test_SliverFillViewport extends StatelessWidget {
  const Test_SliverFillViewport({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('SliverFillViewport 示例')),
      body: CustomScrollView(

        // 设置滑动方向为垂直（默认），如果你需要横向，可以加 scrollDirection
        slivers: [
          // 每个子项会占据整个视口（屏幕），实现分页效果
          SliverFillViewport(
            viewportFraction: 1.0, // 每个 item 填满整个视口
            delegate: SliverChildBuilderDelegate(
                  (context, index) {
                return Container(
                  color: Colors.primaries[index % Colors.primaries.length],
                  child: Center(
                    child: Text(
                      '页面 $index',
                      style: const TextStyle(fontSize: 36, color: Colors.white),
                    ),
                  ),
                );
              },
              childCount: 3, // 显示三个页面
            ),
          ),
        ],
      ),
    );
  }
}
